﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <%= ViewData["scripts"] %>
    <!-- JS Custom -->
    <script type="text/javascript">
        $(document).ready(function () {
            ButtonTheme();
            $("#table").jqGrid({
                url: '/Produtos/List',
                datatype: 'json',
                mtype: 'GET',
                colNames: ['Código', 'Descrição', 'Un', 'Custo', 'Margem', 'Preço', 'Ativo'],
                colModel: [
                    { name: 'COD_PROD', index: 'COD_PROD', width: 80, align: 'right' },
                    { name: 'DESC_PROD', index: 'DESC_PROD', width: 300 },
                    { name: 'COD_UNID', index: 'COD_UNID', width: 40, align: 'center' },
                    { name: 'CUSTO_PROD', index: 'CUSTO_PROD', width: 100, align: 'right' },
                    { name: 'MARGEM_PROD', index: 'MARGEM_PROD', width: 100, align: 'right' },
                    { name: 'PRECO_PROD', index: 'PRECO_PROD', width: 100, align: 'right' },
                    { name: 'ATIVO_PROD', index: 'ATIVO_PROD', width: 60, align: 'center' }
                ],
                pager: '#pager',
                width: '100%',
                height: '100%',
                rowNum: 15,
                rowList: [10, 20, 30, 50],
                sortname: 'COD_PROD',
                sortorder: 'asc',
                viewrecords: true,
                ondblClickRow: function (id) { loadOption('/Produtos/Details?id=' + id, true); }
            });
        });
    </script>
</head>
<body>
    <div class="cabecalho ui-state-highlight">
        <span class="icolst" />
        <span class="txt">
            <%= Html.Encode("Cadastro de Produtos") %>
        </span>
    </div>
    <fieldset class="container transparent">            
        <label class="input80">
            <button type="button" class="documentcommand" onclick="loadOption('/Produtos/Edit', true);">Novo Produto</button>
        </label>
    </fieldset>
    <fieldset class="container transparent">
        <table id="table"></table>
        <div id="pager"></div>
    </fieldset>
</body>
</html>